// src/pages/TestAntd/TestAntd.tsx

import React from 'react'
import {
  Button,
  Typography,
  Card,
  Space,
  message,
  Input,
  DatePicker,
} from 'antd'

const { Title } = Typography
const TestAntd= () => {
const handleClick = () => {
  message.info('Hello, Ant Design!')
  }
  return (
    <div style={{ padding: 24 }}>
      <Title level={2}>Ant Design 测试页面</Title>
      <Card title="基础组件展示" style={{ marginBottom: 24 }}>
        <Space direction="vertical">
        <Button type="primary" onClick={handleClick}>
            显示提示信息
          </Button>
          <Input placeholder="请输入内容" />
          <DatePicker />
        </Space>
      </Card>
    </div>
  )
}

export default TestAntd